<ion-header>
    <ion-navbar>
        <ion-title>{{zancun_imgs[0].albumname}}</ion-title>
        <img src="assets/imgs/back.png" class="back" (click)="goback()">
        <div *ngIf="!isCanEdit" class="tool tool-edit" (click)="onEdit()">编辑</div>
        <div *ngIf="isCanEdit" class="row tool">
            <div class="col tool-cancel" (click)="onCancel()">取消</div>
            <div class="col">
                <img src="assets/imgs/del.png" (click)="delete()">
            </div>
            <div class="col">
                <img src="assets/imgs/down.png" (click)="down()">
            </div>
        </div>
    </ion-navbar>
</ion-header>

<ion-content>
    <div id="container">
        <div class="box" *ngFor="let image of zancun_imgs;let i = index;">
            <div class="box_img" on-hold="onHold()">
                <img [src]="image.dataUrl">
            </div>
            <div class="title">{{ image.width }}X{{ image.height }} </div>
            <img class="select" 
                [src]="image.selected ? 'assets/imgs/select1.png' : 'assets/imgs/select.png'" 
                [style.display]="isCanEdit ? 'block' : 'none'" 
                (click)="onSelect(image.id)"/>
        </div>
    </div>
</ion-content>